<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button>按钮</button>
    <input type="text" id="username" />

    <audio src="../day0413/am/wmzj.m4a"></audio>

    <p>
      今天是五一小长假结束后上班的第一天，相信大部分小伙伴都已经返回到自己的工作岗位上。随着五一假期的结束，相信小部分还意犹未尽，已经开始期待下一个法定节假日的来临。据了解，我国下一个全民公休的法定节假日是“端午节”，按照往年放假时间上来看，通常都会放假三天。下面带来2023年端午节放假安排最新通知！
    </p>

    <script>
      document.querySelector("button").onclick = show;

      function show() {
        console.log("按钮被点击了");
      }

      document.querySelector("p").oncopy = (event) => {
        /* the session has shut down */
        // const selection = document.getSelection().toString();
        // event.clipboardData.setData(
        //   "text/plain",
        //   selection + " \r\n 作者：开发喵"
        // );
        event.preventDefault(); // 阻止默认行为
      };

      let audio = document.querySelector("audio");

      // 禁用audio的空格键播放暂停
      audio.onkeydown = (event) => {
        event.preventDefault();
      };

      window.addEventListener("keydown", function (event) {
        console.log(event);
        // 如果是空格键
        if (event.keyCode == 32) {
          if (audio.paused) {
            audio.play();
          } else {
            audio.pause();
          }
        } else if (event.keyCode == 39) {
          // 如果是方向右键
          audio.currentTime += 5;
        }
        // // 阻止事件向上传递(冒泡)
        // event.stopPropagation();
        // // 阻止默认事件
        // event.preventDefault();
      });
      let input = document.querySelector("#username");

      input.onfocus = (event) => {
        console.log("获得焦点");
      };

      input.onblur = function (event) {
        console.log("失去焦点");

        if (input.value) {
          console.log("输入了内容");
        } else {
          console.log("没有输入内容");
        }
      };
    </script>
  </body>
</html>
